@charset "utf-8";
/* CSS Document */
.clear { clear: both;}
element.style { width: 50%;}
a { color:#333333;}

body {margin:0;padding:0; font-family:arial,verdana,tahoma; font-size:12px;}

.top{ background:#CCC; height:29px; border-bottom:1px solid #999;}

#formArea { width:720px;}
#formArea { margin:48px auto; padding:0; text-align:center;}
#formHeader { font-weight:bold; padding:10px; text-align:center;}


#formBody { background-color:#FFFFFF; padding:10px 0; text-align:center;}
.desc { padding:5px 15px 0; text-align:left; font-size:14px; line-height:24px; border-bottom:1px solid #BCBCBC}
.desc p{margin:10px 0;}
.tips{ color:red; font-weight:bold;}

.field { border-bottom:1px dashed #BCBCBC; margin:5px auto; padding:12px 3px; text-align:left; width:95%;}
.itemTitle { font-size:16px; font-weight:bold; margin:0; padding:0;}
.fieldItems { margin-top:10px;}
.itemText { clear: both; font-size: 12px;}
.radioItem { padding: 5px; float:left;margin-right:50px}
.textarea{ width:750px;}

#actionArea { padding: 7px;}
.btn { background-color: #DAF1C2; border-left:1px solid #F5F5F5; border-top: 1px solid #F5F5F5; color: #008000; padding:4px 10px; font-weight:bold; text-align:center; margin-right:6px;}
.review{background-color: #ccc; border-left:1px solid #F5F5F5; border-top: 1px solid #F5F5F5; color:#06F; padding:4px 10px; font-weight:bold; text-align:center; margin-right:6px;}

#quest_bg{background:url(quest_bg.jpg) no-repeat left top;}
#quest_title{ font-size:24px;color:#e88b2e}


/*color style*/
.orange{color:e57100}





.tableGray{ background-color:#d6e6f5;}
.tableGray th{ background-color:#f5f9fc; font-weight:bold;height:32px; color:#0d6b8d}
.tableGray td{ background-color:#fff; height:32px; text-align:center;}
.tableGray .line{ border-bottom:1px solid #ccc;}
.tableGray .pretitle{ width:100px;}
.tableGray .avg{ background-color:#FAE79D; font-weight:bold;}